.list {
  display: flex;  
  flex-flow:column wrap;
  height: 100vh;
 
}
.item {
  position: relative;
    margin: 10px;
    height: 300px;
    box-shadow: 2px 2px 10px#d3d3d3;
    width: calc(100%/2 - 20px);
  
    &:hover{
      .btn{
        display: block;
      }
    }
}
.item img{
    width: 100%;
    height:100%;
}

.item .btn{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  display: none;

  .btn_item{
    margin-bottom: 10px;
  }
}

.aitem{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  .action{
    width: 15%;
    display: flex;
    justify-content: space-between;
    cursor: pointer;
  }
}